<template>
	<view class="container">
<<<<<<< HEAD
	
=======
		<!-- 宫格轮播 -->
		<cellVue></cellVue>
		<p style="border-top: 1px #ccc solid;padding: 5px;">
			<image style="width: 30px; height: 20px; float: left;" src="../../static/订单.png" mode=""></image>
			附近商家
		</p>
		<!-- 列表渲染 -->
		<div class="list1" v-for="(item,index) in list" :key="index">
			<div @click="xiang(item)">
				<div class="list1-l">
					<image class="de1" :src="item.logo" mode=""></image>
				</div>
				<div class="list1-r">
					<p style="width: 100%; height: 30px;">
						<span style="float: left;">{{item.shopname}}</span>
						<span style="float: right; font-size: 13px; color: #ccc ;">保|准|票</span>
					</p>
					<p style="font-size: 13px;">
						<u-rate style="float: left;" :count="item.xing1" v-model="item.xing2" :allowHalf="true"> 月销106单</u-rate>
						<span style="float: left; color: red;">3.6</span>
						<span style="float: left;">月销{{item.xiao}}单</span>
						<span style="border: 1px solid green; color: green; float: right;">起点专送</span>
					</p>
					<p style="font-size: 13px; line-height: 30px;">￥{{item.fee}}起送/配送费约￥{{item.fee}}</p>
				</div>

			</div>

		</div>
>>>>>>> origin/peiliton
	</view>
</template>

<script>
<<<<<<< HEAD
	export default {
		data() {
			return {
				
			}
		},
		methods: {

=======
	import cellVue from '../cell/cell.vue'
	export default {
		components: {
			cellVue
		},
		data() {
			return {
				list: []
			}
		},
		onLoad() {
			// 数据渲染
			var that = this
			uni.request({
				url: 'http://192.168.137.190:8002/admin/shoplists',
				method: 'GET',
				success(res) {
					console.log(res, '1111')
					that.list = res.data
					console.log(that.list)
				}
			})
		},
		methods: {
			// 跳转详情页
			xiang(item) {
				console.log(item)
				var id = item.id
				uni.navigateTo({
					url: '/pages/detail/detail?id=' + id
				})
			}
>>>>>>> origin/peiliton
		}
	}
</script>

<<<<<<< HEAD
<style>
	.container {
		padding: 20px;
		font-size: 14px;
		line-height: 24px;
	}
</style>
=======
<style lang="scss">
	.list1 {
		width: 100%;
		height: 80px;
		margin-top: 10px;
	}

	.list1-l {
		float: left;
		width: 80px;
		height: 80px;
	}

	.de1 {
		width: 100%;
		height: 100%;
	}

	.list1-r {
		float: left;
		height: 80px;
		width: 265px;
	}
</style>
>>>>>>> origin/peiliton
